<template>
  <div class="fxc">
    <el-checkbox v-model="checkObj.isRight" :label="arr[num]">{{arr[num]}}</el-checkbox>
    <el-input class="ipt" v-model="checkObj.title"></el-input>
    <el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card"
      :on-preview="handlePictureCardPreview" :on-remove="handleRemove">
      <el-button class="el-icon-plu">点击上传</el-button>
    </el-upload>
  </div>
</template>

<script>
export default {
  props: {
    num: Number
  },
  data () {
    return {
      checkObj: {
        code: '', title: '', img: '3dasdasdasdaadsdasda', isRight: false
      },
      arr: ['A:', 'B:', 'C:', 'D:', 'E:', 'F:', 'G:', 'H:', 'I:', 'J:', 'K:', 'L:', 'M:', 'N:', 'O:', 'P:', 'Q:', 'R:'],
      arr1: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'J:', 'K:', 'L:', 'M:', 'N:', 'O:', 'P:', 'Q:', 'R:']
    }
  },
  created () { },
  methods: {
    handlePictureCardPreview () { },
    handleRemove () { }
  }
}
</script>

<style scoped lang='less'>
/deep/ .el-checkbox__label {
  margin-right: 4px;
}
/deep/ .el-upload-list__item {
  width: 100px;
  height: 50px;
}
/deep/ .el-upload-list--picture-card {
  position: absolute;
  left: 310px;
  top: -8px;
}
.el-radio-group {
  flex-direction: column;
}
.fxc {
  position: relative;
}
.textAres {
  width: 500px;
}
/deep/ .ql-container {
  height: 200px;
}
/deep/ .el-upload--picture-card {
  border: 0;
  height: 60px;
}
.el-icon-plu {
  position: absolute;
  top: -5px;
  left: 200px;
  height: 45px;
  border: dashed 1px #ccc;
}
.el-radio {
  line-height: 36px;
  margin-right: 5px !important;
}
.ipt {
  width: 150px !important;
}
/deep/ .el-input__inner {
  width: 150px;
}
.select {
  width: 255px !important;
  margin-right: 10px;
}
.fxc {
  display: flex;
}
.el-select {
  width: 520px;
}
.el-form {
  margin-left: 80px;
}
.box {
  padding: 0 0 15px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #e8e8e8;
}
.container {
  padding: 10px;
}
.editor {
  line-height: normal !important;
  height: 500px;
}
</style>
